<script type="text/javascript" src="/js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="/js/jquery.text-overflow.js"></script>

<style type="text/css">
    .overflow {
        width: 185px;
        height: 25px;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
</style>

<?php /*@var $tree Tree */?>
<?php if( !empty($blogs)): ?>
    <?php foreach( $blogs as $blog ): ?>
        <div class="menu_item">
            <?php echo link_to(
                          $blog['obj']->getName()
                          , '@blog_user_article?' . $blog['params']
                          , array('class' => 'overflow', 'title' => $blog['obj']->getName())); ?>
        </div>
    <?php endforeach;?>
<?php endif; ?>

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".overflow").ellipsis(true);
    }); 
</script> 